*{
	padding: 0;
	margin: 0;
	list-style: none;
}
.box{
	width: 300px;
	margin: 0px auto;
	margin-bottom: 30px;
}
.btnBox:after{
	display: block;
	clear: both;
	content: '';
}
.btnBox input{
	width: 80px;
	height: 40px;
	float: left;
	outline: none;
	border: none;
}
 .active{
	background: plum;
	color: #fff;
}
ul li{
	width: 240px;
	height: 240px;
	text-align: center;
	line-height: 240px;
	display: none;
	background: yellow;
}
.show{
	display:block;
}
#box3{
	position: relative;
}
#box3 span{
	position: absolute;
	font-size: 30px;
	top: 50%;
	transform: translate(-50%);
}
.left{
	left: 11px;
}
#box3 ul{
	width: 240px;
}
.right{
	right: 54px;
}